<template>
  <div class="phone6">
    <h4>生产延期率</h4>
    <table class="mytable_page_phone4">
      <tr>
        <th style="width: 25%">事业部</th>
        <th style="width: 30%">延期完工次数</th>
        <th style="width: 30%">延期完工产量</th>
        <th style="width: 15%">完工率</th>
      </tr>
      <tr>
        <td>风能装备</td>
        <td>3</td>
        <td>32.5吨</td>
        <td>98.6%</td>
      </tr>
      <tr>
        <td>核能装备</td>
        <td>2</td>
        <td>31.8吨</td>
        <td>99.2%</td>
      </tr>
      <tr>
        <td>海工装备</td>
        <td>2</td>
        <td>22.5吨</td>
        <td>98.3%</td>
      </tr>
      <tr>
        <td>调质钢</td>
        <td>1</td>
        <td>8.5吨</td>
        <td>99.4%</td>
      </tr>
      <tr>
        <td>传动装备</td>
        <td>4</td>
        <td>15.5吨</td>
        <td style="color:#f10631">97.7%</td>
      </tr>
      <tr>
        <td>合计</td>
        <td>1</td>
        <td>98.3吨</td>
        <td>98.8%</td>
      </tr>
    </table>
  </div>
</template>

<script setup name="phonePage1_6">
</script>

<style scoped lang="scss">
.phone6{
  border: 1px solid #32a99e;
  h4{
    font-size: 16px;
    text-align: center;
    color: #0048ff;
  }
  table.mytable_page_phone4{
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: left;
    table-layout: fixed;
    font-size: 12px;
    td,
    th{
      border: 1px solid #cccccc;
      color: #4271e8;
      height: 16px;
      line-height: 16px;
      word-break: break-all;
      word-wrap: break-word;
      text-indent: 2px;
      padding: 3px;
    }
    th{
      color: #333333;
      font-weight: 800;
    }
    td{
      background:none;
    }
  }
}
</style>

